<!DOCTYPE html>
<html lang="en">
<html>
	<head>
		<meta charset="utf-8" />
		<title>客服中心</title>
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
		<link rel="stylesheet" type="text/css" href="css/public.css"/>
		<script type="text/javascript" src="js/rem.js"></script>
	</head>
	<style type="text/css">
		/*移动端1px下边线*/
		.border{ position: relative; }
		.border:after{ content: ''; display:block; position: absolute; width: 100%; left: 0px; bottom: 0px;height: 1px; background-color:  #ddd; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
		.header{height: 1.75rem;background: #0d6fb8;}
		.header img{width: 1rem;height: 1rem;margin-left: 0.2rem;border-radius: 50%;}
		.welcome{font-size: 0.3rem;color: #fff;margin-left: 0.38rem;}
		.listbox{height: 3.15rem;background: #fff;margin-top: 0.25rem;font-size: 0.3rem;}
		.item{height: 1.04rem;font-size: 0.3rem;background: #fff;}
		.listboxr{height: 1.04rem;width: 6.6rem;}
		.listboxr img{width: 0.2rem;height: auto;margin-right: 0.2rem;}
		.img img{width: 0.45rem;height: auto;}
	</style>
	<body>
		<div class="header flex flex-align-center">
			<img src="img/heads.png"/>
			<div class="welcome">
				<p>你好，唐伟</p>
				<p style="font-size: 0.26rem;">欢迎来到客服中心</p>
			</div>
		</div>
		<!--常见问题-->
		<div class="listbox">
			<div class="item flex flex-align-center">
				<div class="img flex flex-align-center flex-pack-center flex-1">
					<img src="img/cjwt.png"/>
				</div>
				<div class="listboxr flex flex-align-center border">
					<p class="flex-1" style="font-weight: bold;">常见问题</p>
					<p style="margin-right: 0.2rem;color: #0d6fb8;">更多</p>
				</div>
			</div>
			<div class="item flex flex-align-center">
				<div class="img flex flex-align-center flex-pack-center flex-1">
				</div>
				<div class="listboxr flex flex-align-center border">
					<p class="flex-1" style="color: #939393;">通道疑问</p>
				</div>
			</div>
			<div class="item flex flex-align-center">
				<div class="img flex flex-align-center flex-pack-center flex-1">
				</div>
				<div class="listboxr flex flex-align-center">
					<p class="flex-1" style="color: #939393;">桌牌码指南</p>
				</div>
			</div>
		</div>
		<!--视频解释-->
		<div class="listbox">
			<div class="item flex flex-align-center">
				<div class="img flex flex-align-center flex-pack-center flex-1">
					<img src="img/mov.png"/>
				</div>
				<div class="listboxr flex flex-align-center border">
					<p class="flex-1" style="font-weight: bold;">视频解释</p>
					<p style="margin-right: 0.2rem;color: #0d6fb8;">更多</p>
				</div>
			</div>
			<div class="item flex flex-align-center">
				<div class="img flex flex-align-center flex-pack-center flex-1">
				</div>
				<div class="listboxr flex flex-align-center border">
					<p class="flex-1" style="color: #939393;">如何快速收款</p>
				</div>
			</div>
			<div class="item flex flex-align-center">
				<div class="img flex flex-align-center flex-pack-center flex-1">
				</div>
				<div class="listboxr flex flex-align-center">
					<p class="flex-1" style="color: #939393;">如何升级</p>
				</div>
			</div>
		</div>
		<!--客服热线-->
		<div class="item flex flex-align-center" style="margin-top: 0.25rem;">
				<div class="img flex flex-align-center flex-pack-center flex-1">
					<img src="img/kf.png"/>
				</div>
				<div class="listboxr flex flex-align-center ">
					<p class="flex-1" style="font-weight: bold;">客服热线</p>
					<img src="img/help-right.png"/>
				</div>
		</div>
		<!--意见反馈-->
		<div class="item flex flex-align-center" style="margin-top: 0.25rem;">
				<div class="img flex flex-align-center flex-pack-center flex-1">
					<img src="img/fk.png"/>
				</div>
				<div class="listboxr flex flex-align-center ">
					<p class="flex-1" style="font-weight: bold;">意见反馈</p>
					<img src="img/help-right.png"/>
				</div>
		</div>
		<!--优鸟互动群-->
			<div class="item flex flex-align-center" style="margin-top: 0.25rem;">
				<div class="img flex flex-align-center flex-pack-center flex-1">
					<img src="img/group.png"/>
				</div>
				<div class="listboxr flex flex-align-center ">
					<p class="flex-1" style="font-weight: bold;">优鸟互动群</p>
					<img src="img/help-right.png"/>
				</div>
		</div>
	</body>
</html>
